<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>订单详情</title>
		<!-- 设置360浏览器渲染引擎 -->
		<meta name="renderer" content="webkit">
		<link rel="icon" type="image/png" href="/order/img/favicon.png">
		<link rel="stylesheet" type="text/css" href="/order/amazeui/css/amazeui.css" />
		<script type="text/javascript" charset="utf-8" src="/order/js/jquery.js"></script>
		<script type="text/javascript" charset="utf-8" src="/order/amazeui/js/amazeui.js"></script>
		<!-- 全局CSS -->
        <link rel="stylesheet" href="/order/css/base.css">
		<!-- 当前页面 css -->
        <link rel="stylesheet" type="text/css" href="/order/css/orderDetail.css"/>
		<!-- 当前页面功能 js -->
		<script src="/order/js/pages/orderDetail.js"></script>
	</head>
	<body>
		
		<!-- nav-start -->
		<header class="am-topbar">
			<div class="am-container base-nav-font">
				<div class="am-fl base-nav-title">
					<em>欢迎光临网博图书网</em>
					<a href="#">请登录</a>
					<a href="#">免费注册</a>
				</div>
				<ol class="am-fr base-nav-list">
					<li>
						<a href="#">购物车</a>
					</li>
					<li><a href="#">我的订单</a></li>
					<li>
						<div class="base-menu-list">
							<a>个人账户 <span class="am-icon-caret-down"></span></a>
							<div class="base-menu-list-content">
								<ul >
									<li><a href="#">个人信息</a></li>
									<li><a href="#">收货地址</a></li>									
								</ul>
							</div>
						</div>
					</li>
				</ol>
			</div>
		</header>
        <!-- nav-end -->
        <!-- toptitle-start -->
        <div class="base-nav">
            <ul class="am-g am-g-fixed">
                <li class="am-u-sm-6">
                    <img class="nav-img" src="./img/logo.png">
                </li>
                <li class="am-u-sm-2">
                    <div>√</div>
                    <span>正版好图书</span>
                </li>
                <li class="am-u-sm-2">
                    <div>邮</div>	
                    <span>全场满69包邮</span>
                </li>
                <li class="am-u-sm-2">
                    <div>折</div>
                    <span>特价书一折起</span>
                </li>
            </ul>
        </div>
        <!-- toptitle-end -->
        <!-- shoppingcontent-start  -->
        <div  class="am-g am-g-fixed content">
            <!-- step-three-start -->
            <div id="stepThree">
                <ul class="am-g user-info">
                    <li class="am-u-sm-12">
                        <span class="tip">订单编号</span>
                        :
                        <span>XDCEK99345655234254354</span>
                    </li>
                    <li class="am-u-sm-12">
                        <span class="tip">收货人</span>
                        :
                        <span>漩涡鸣人</span>
                    </li>
                    <li class="am-u-sm-12">
                        <span class="tip">联系电话</span>
                        :
                        <span>18913000000</span>
                    </li>
                    <li class="am-u-sm-12">
                        <span class="tip">收货地址</span>
                        :
                        <span>江苏省南京市秦淮区龙蟠中路458号通济产业园北区 3栋1-2层</span> 
                    </li>
                    
                </ul>
                
                <!-- shoppinglist-start -->
                <ul class="am-g total">
                    <li  class="am-u-sm-2"></li>
                    <li  class="am-u-sm-2">图书名称</li>
                    <li  class="am-u-sm-2">定价（元）</li>
                    <li  class="am-u-sm-2">平台售价（元）</li>
                    <li  class="am-u-sm-2">数量</li>
                    <li  class="am-u-sm-2">小计（元）</li>
                    <li  class="am-u-sm-1">操作</li>
                </ul>
    
                <ul class="am-g list">
                    <li  class="am-u-sm-2">
                        <span class="img"><img src="./img/newbook/newbook01.jpg"></span>
                    </li>
                    <li  class="am-u-sm-2">阿里阿德涅的子弹</li>
                    <li  class="am-u-sm-2 price">￥29.8</li>
                    <li  class="am-u-sm-2 price">￥8.9</li>
                    <li  class="am-u-sm-2 num">1</li>
                    <li  class="am-u-sm-2 price">￥8.9</li>
                    <li  class="am-u-sm-1 am-u-end">删除</li>
                </ul>
    
                <ul class="am-g list">
                    <li  class="am-u-sm-2">
                        <span class="img"><img src="./img/newbook/newbook01.jpg"></span>
                    </li>
                    <li  class="am-u-sm-2">所有人问所有人</li>
                    <li  class="am-u-sm-2 price">￥38</li>
                    <li  class="am-u-sm-2 price">￥8</li>
                    <li  class="am-u-sm-2 num">1</li>
                    <li  class="am-u-sm-2 price">￥8</li>
                    <li  class="am-u-sm-1 am-u-end">删除</li>
                </ul>

                <ul class="am-g list">
                    <li  class="am-u-sm-2">
                        <span class="img"><img src="./img/newbook/newbook01.jpg"></span>
                    </li>
                    <li  class="am-u-sm-2">舞姬</li>
                    <li  class="am-u-sm-2 price">￥25</li>
                    <li  class="am-u-sm-2 price">￥8</li>
                    <li  class="am-u-sm-2 num">1</li>
                    <li  class="am-u-sm-2 price">￥8</li>
                    <li  class="am-u-sm-1 am-u-end">删除</li>
                </ul>

                <ul class="am-g end car-end">
                    <li  class="am-u-sm-3 price am-u-sm-offset-9">
                        <p>合计<span class="price">￥24.9</span></p>
                        <p>已优惠：<span>￥57.9</span></p>
                    </li>
                </ul>
                <!-- shoppinglist-end -->  
            </div>
            <!-- step-three-end -->
        </div>
        <!-- shoppingcontent-end -->


        <!-- 支付信息 -->
        <div class="am-modal am-modal-alert" tabindex="-1" id="scavengingPayment">
            <div class="am-modal-dialog">
                <div class="am-modal-hd scavenging-tip">支付宝扫码支付</div>
                <div class="am-modal-bd">
                    <img src="./img/scaveng-dome.png" alt="">
                </div>
                <div class="am-modal-footer">
                <span class="am-modal-btn">关闭</span>
                </div>
            </div>
        </div>


    </body>
</html>